*{
		margin: 0;
		padding: 0;
	}
	.head{
		background: gainsboro;
	    width: 100%;
	    height: 50%;
	    text-align: center;	
	}
	
    .banner{
    	width: 100%;
    	text-align: center;
    }
  
    .banner-show{
    	width: 70%;
    }
    
    .container{
    	width: 100%;
    	text-align: center;
    }
    
    .tubiao{
    	width: 100%;
    	text-align: center;
    }

    .banner-show{
    	width: 70%;
    }

    .colum{
    	display: flex;
    	flex-wrap: wrap;
        margin: auto;
    	justify-content: space-around;
    	
    }

    .tu{
    	width: 25%;
    	height: 30%;
    	text-align: center;
    	border-radius:0.3rem;
    	box-shadow: 0px 3px 3px rgba(0,0,0,0.5);
    	margin: 40px 40px 40px 40px;
    	
    }

    .picture{
    	width: 80%;
    	-webkit-border-radius: 0.0315rem;
    }

    footer{
    	background-color: #DDE2D9;
    }
    .left-footer{
    	display: inline-block;
    	width: 50%;
    }

    .right-footer{
    	display: inline-block;
    	flex-direction: row;
    	border-left:1px #8FA6CB soild  ;
    	padding: 2%;
    }
    
    .link{
    	text-align: center;
    }
    
    .link a img{
    	width: 5%;
    	text-align: center;
    }
 
 @media only screen and (max-width: 660px) {
 	.tu{
 		width: 20%;
 		margin: 10px;
 	}
 	.left-footer{
 		width: 10%;
 	}
 	.link a img{
 		width: 40%;
 	}
 	.right-footer{
 		font-size: 10px;
 	}
 }